<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="../JS/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="../JS/jqPageNavigater.js"></script>
<link rel="stylesheet" type="text/css" href="../CSS/jqPageNavigater.css" />
<style type="text/css">
	table{
		text-align: center;
	}
</style>
</head>
<body>
<div style="margin-left: 50px;margin-top: 50px">
	<table border="1">
		<tr>
			<td>column1</td>
			<td>column2</td>
			<td>column3</td>
			<td>column4</td>
			<td>column5</td>
			<td>column6</td>
		</tr>
		<tr>
			<td>2</td>
			<td>2</td>
			<td>2</td>
			<td>2</td>
			<td>2</td>
			<td>2</td>
		</tr>
		<tr>
			<td>2</td>
			<td>2</td>
			<td>2</td>
			<td>2</td>
			<td>2</td>
			<td>2</td>
		</tr>
		<tr>
			<td colspan="6"><div class="pagination"></div></td>
		</tr>
	</table>
</div>
</body>
<script type="text/javascript">
	$(".pagination").pageNavigater({
		pageNo:'2',//代表当前页码，可以自行更改测试效果
		pageSize:'2', //每页展示多少数据
		paginationSize:5,//分页导航栏的长度
		totalNum:'20', //总共有多少数据
		callback:function(pageNo) {	//回调函数
			getPageData(pageNo);
		}
	});
	
	function getPageData(pageNo){
		window.location.href = "page"+pageNo+".html"
	}
</script>
</html>